﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <!--
		
            Licensed under the Apache License v2.0
            http://www.apache.org/licenses/LICENSE-2.0

            http://srivarenya.com
            http://twitter.com/SriVarenya
            -->
        <meta charset="utf-8">
        <title>Mobile HTML5 Template</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes" />
        <meta name="apple-touch-fullscreen" content="yes" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        
        <!-- style sheets -->
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
        
        <!-- Header.js to Load Scripts -->
        <script type="text/javascript" src="Scripts/head.js"> </script>

        <!-- The fav icon -->
        <link rel="shortcut icon" href="Images/favicon.ico">


    </head>
    <body>
       <div data-role="page" class="type-home">
	<div data-role="content">
		<p class="jqm-version"></p>

		<div class="content-secondary">

			<div id="jqm-homeheader">
				<h1 id="jqm-logo"><img src="Images/Logo.png" alt="Sri Varenya Limited" /></h1>
			</div>

            <p class="intro"><strong>Mobile Template</strong>to build application for Mobiles</p>

			<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
				<li data-role="list-divider">Home</li>
				<li><a href="http://jquerymobile.com/demos/1.2.1/docs/about/intro.htmll">Intro to jQuery Mobile</a></li>
				<li><a href="http://jquerymobile.com/demos/1.2.1/docs/about/getting-started.html">Quick start guide</a></li>
				<li><a href="http://jquerymobile.com/demos/1.2.1/docs/about/features.html">Features</a></li>
				<li><a href="http://jquerymobile.com/demos/1.2.1/docs/about/accessibility.html">Accessibility</a></li>
				<li><a href="http://jquerymobile.com/demos/1.2.1/docs/about/platforms.html">Supported platforms</a></li>
			</ul>

		</div><!--/content-primary-->

	</div>
           <div data-role="footer" data-id="foo1" data-position="fixed">
                <div data-role="navbar">
                    <ul>
                        <li><a href="Default.html" class="ui-btn-active ui-state-persist">Home</a></li>
                        <li><a href="http://jquerymobile.com/">Mobile</a></li>
                        <li><a href="http://jquerymobile.com/themeroller/index.php">Mobile Themes</a></li>
                    </ul>
                </div><!-- /navbar -->
            </div><!-- /footer -->
        </div>
        
        <!-- ADD ALL SCRIPTS IN referenceScripts.js with head.js -->
        <script src="Scripts/MobileReferenceScripts.js"> </script>
    </body>
</html>